웹개발 및 최신 테크 소식을 전하는 블로그, 웹이즈프리
AngularJS는 데이터 타입이 무엇인지 확인하기 위한 방법으로 간단한 메소드를 사용할 수 있다. 그 중에서 숫자타입을 확인하기 위한 방법으로 isNumber() 메소드를 사용할 수 있다.
간단한 사용방법은 아래와 같다.
angular.isNumber(test);
// false를 반환함
test = 123;
angular.isNumber(test);
// true를 반환함
위 예제는 isNumber를 사용하여 숫자 타입을 확인하는 간단한 방법이다.
사실 isNumber() 등의 메소드를 사용하는 방법과 순수 자바스크립트를 사용하는 방법은 동일한 결과를 얻을 수 있다. 실제로 isNumber()를 사용하는 방법이 코드를 확연하게 줄인다고 보기도 어렵다. 하지만 isNumber()라는 메소드명처럼 한눈에 AngularJS를 사용하여 숫자 타입을 확인하는 것임을 알아볼 수 있다는 장점이 있다하겠다.
또한 성능상으로 비교하였을때 역시 둘 다 거의 차이가 없을 것이다. 아래는 순수 자바스크립트를 사용한 타입 확인 방법이다.
typeof test;
// "number"를 반환함
다만 위 방법은 불리언(Boolean)으로 반환하는 것이 아니므로 이를 확인하기 위하여 if문을 사용하거나 아래처럼 약식으로 처리하는 과정이 필요하다.
typeof test == 'number' ? true : false;
// true를 반환함
여기까지 간단하게 숫자타입을 확인하는 방법에 대하여 알아보았다. 타입확인이 필요한 경우는 언제있을까? 보통 사용자인 클라이언트로부터 입력값을 전달받는 경우 해당 값의 타입을 확인하는 과정들이 필요하다. 예를들어 연락처 번호가 숫자로만 이루어진 경우 숫자인지의 확인이 필요한 것이다.
간단한 사용방법은 아래와 같다.
AngularJS에서 숫자타입을 확인하기
test = 'abc';angular.isNumber(test);
// false를 반환함
test = 123;
angular.isNumber(test);
// true를 반환함
사실 isNumber() 등의 메소드를 사용하는 방법과 순수 자바스크립트를 사용하는 방법은 동일한 결과를 얻을 수 있다. 실제로 isNumber()를 사용하는 방법이 코드를 확연하게 줄인다고 보기도 어렵다. 하지만 isNumber()라는 메소드명처럼 한눈에 AngularJS를 사용하여 숫자 타입을 확인하는 것임을 알아볼 수 있다는 장점이 있다하겠다.
또한 성능상으로 비교하였을때 역시 둘 다 거의 차이가 없을 것이다. 아래는 순수 자바스크립트를 사용한 타입 확인 방법이다.
순수 자바스크립트를 사용한 숫자타입 확인하기
var test = 123;typeof test;
// "number"를 반환함
불리언으로 확인하기 위한 방법
var test = 123;typeof test == 'number' ? true : false;
// true를 반환함
여기까지 간단하게 숫자타입을 확인하는 방법에 대하여 알아보았다. 타입확인이 필요한 경우는 언제있을까? 보통 사용자인 클라이언트로부터 입력값을 전달받는 경우 해당 값의 타입을 확인하는 과정들이 필요하다. 예를들어 연락처 번호가 숫자로만 이루어진 경우 숫자인지의 확인이 필요한 것이다.
아래의 글도 찾고 계시지 않나요?
